<!--管理书架操作列表-->
<template>
    <div class="nav_bottom2">
      <p @click="close">取消</p>
      <p @click="select_all">全选</p>
      <p @click="delete_btn">删除数据 <i>{{$store.state.delBookId.length}}</i></p>
    </div>
</template>

<script>
  import store from '@/store/index'
  export default {
    data () {
      return {
        msg: '13213'
      }
    },
    store,
    methods: {
      close: function () {
        this.$store.commit('showButtomNav')
        this.$store.commit('hidedel')
        this.$store.commit('empty_del')
        this.$store.commit('init_del_icon', this.$store.state.shujiaBookId.length)
      },
      select_all: function () {
        this.$store.commit('select_all')
      },
      delete_btn: function () {
        if (this.$store.state.delBookId.length > 0) {
          this.$parent.$emit('show_del_box', {'fun_name': '删除书籍', 'info': '删除此书qweqwewqe后，书籍阅读进度条将被删除', 'bools': true})
        }
      }
    }
  }
</script>


<style>
.nav_bottom2{
  position: fixed;
  z-index: 99;
  bottom:0;
  background: #eee;
  box-shadow:1px 1px 3px 3px #ccc;
 width: 320px;
  height: 60px;
  line-height: 60px;
}
.nav_bottom2 p{
  color: limegreen;
  float: left;
  width: 33.333%;
  text-align: center;
  font-size: 17px;
  position: relative;
}
.nav_bottom2 p i{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: red;
  text-align: center;
  line-height: 16px;
  color:#fff;
  font-size: 12px;
  position: absolute;
  right: 11px;
  top:11px;
}
</style>
